<script lang="ts" setup>
import { provide, reactive, toRefs } from "vue"
import { ScenePane } from "../components"
import { TabTypeEnum } from "@/constants/other-keys"

const parent = reactive<{
  activeName: TabTypeEnum
}>({
  activeName: TabTypeEnum.STATIC
})
const { activeName } = toRefs(parent)
provide("parent", parent)
</script>
<template>
  <div class="app-container" shadow="never">
    <el-tabs v-model="activeName" class="demo-tabs">
      <el-tab-pane :key="TabTypeEnum.STATIC" label="目标检测场景" :name="TabTypeEnum.STATIC">
        <scene-pane />
      </el-tab-pane>
      <el-tab-pane :key="TabTypeEnum.DYNAMIC" label="动态博弈场景" :name="TabTypeEnum.DYNAMIC">
        <scene-pane />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
